<template>
  <view class="groupannouncement">
    <view class="middle">
      <image src="../../static/message/nine_friend.png" style="width: 108rpx; height: 108rpx;" mode=""></image>
      <view class="text">
        <view class="title">
          拼夕夕互助点赞万人团
        </view>
        <view class="huise">
          2022-9-5 08:12:12
        </view>
      </view>
      <!-- <image src="../../static/message/cuo.png" mode="" style="width: 36rpx; height: 36rpx;"></image> -->
    </view>
    <view class="textall" @click="towrite()">
      <view>关于园区禁止骑行的温馨提示 </view>
      <view>亲爱的业主 </view>
      <view> 园区道路设计是为住户提供休闲散步之用，路面比较狭窄，不适合骑行自行车，而且小区平时散步的小孩、老人居多，如在小区道路骑行自行车容易出现安全问题。为了创造和谐小区，共同营浩良好的小区秩序，中海锦苑管理处提醒您:
      </view>
      <view> 1、请不要在园区骑行轮胎直径20寸(即50.8厘米，下同)以上自行车、平衡车、电动滑板滑轮车等;
      </view>
      <view> 2、加强对孩子安全教育，任何规格自行车、滑板滑轮车等均不可在园区飙车、追逐打闹，以免发生意外;
      </view>
      <view>3、轮胎直径20寸以上自行车请从走非机动车出入口，平衡车、电动滑板滑轮车等在园区内需推行;
      </view>
      <view>
        4、如发现轮胎直径20寸以上自行车、平衡车、电动滑板滑轮车等在园区骑行，20寸以下及其他滑板滑轮车飙车、追逐打闹的，管理处将采取包括但不限于以下管理措施，如:锁车并由家长签订承诺书后领回、业主群公开、大屏幕公开等。和谐锦苑，你我共建，感谢您的理解与支持!
      </view>
    </view>
    <view class="bottom">
      ————— 只有群主及管理员可以编辑 —————
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    },
    methods: {
      towrite() {
        uni.navigateTo({
          url: '../../pages/message/groupAnnouncementWrite',
        });
      }
    }
  }
</script>

<style lang="scss">
  .groupannouncement {
    // padding: 5% 0;
    width: 90vw;
    margin: auto;
  }

  .middle {
    display: flex;
    align-items: center;
    // background-color: #fff;
    padding: 2% 0%;
    border-bottom: 2rpx solid #ccc;
    margin-bottom: 20rpx;

    .text {
      margin-left: 20rpx;

      .title {
        font-size: 34rpx;
        font-weight: 600;
      }

      .huise {
        margin-top: 10rpx;
        font-size: 25rpx;
        color: rgb(150, 150, 150);
      }
    }
  }

  .textall {
    font-size: 32rpx;
  }

  .bottom {
    font-size: 25rpx;
    text-align: center;
    color: #ccc;
    margin-top: 15vh;
  }
</style>